.page-enter-active,
.page-leave-active {
  transition: all 0.3s;
}
.page-enter-from,
.page-leave-to {
  opacity: 0;
  filter: blur(1rem);
}


.rotate-enter-active,
.rotate-leave-active {
  transition: all 0.4s;
}
.rotate-enter-from,
.rotate-leave-to {
  opacity: 0;
  transform: rotate3d(1, 1, 1, 15deg);
}


.button{
  transition-duration: 0.4s;
  background: linear-gradient(90deg, #ed4760 0%, #bb66c2 50.13%, #6cefff 100%);
  &:hover {
    background: linear-gradient(
      90deg,
      #d64258 0%,
      #b867bf 50.13%,
      #61d9e9 100%
    );
  }
  @apply h-[50px] cursor-pointer rounded-[25px] text-[15px] items-center flex justify-center  w-[270px] text-white font-[500]
}
.back {
  background: linear-gradient(180deg, #222 0%, #111 100%);
}

.h1style {
  @apply text-white font-bold text-[45px] mb-0;
}
.textstyle {
  @apply mt-[30px] mb-[40px] leading-[25px] text-[rgba(255,255,255,0.8)];
}